<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <h3>商品价格列表</h3>
    <input type="checkbox" name="item" value="1500" />
    山地自行车1500<br />
    <input type="checkbox" name="item" value="200" /> 时尚女装200<br />
    <input type="checkbox" name="item" value="3000" /> 笔记本电脑3000元<br />
    <input type="checkbox" name="item" value="800" /> 情侣手表800<br />
    <input type="checkbox" name="item" value="2000" /> 桑塔纳2000<br />
    <hr />
    <input type="checkbox" id="all" onclick="selectAll()" />
    <label for="all">全选/全不选 &nbsp;</label>
    <input
      type="button"
      id="reverse"
      onclick="reverseSelect()"
      value=" 反 选 "
    />&nbsp;
    <input type="button" value=" 结 账 " onclick="total()" />
    &nbsp;<span id="total"></span>

    <script src="checkall.js"></script>
  </body>
</html>
